body {
	font-size: 13px;
	color:#fff;
}

.btn {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 21px;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	padding: 8px 15px;
	border-width: 0;
}

.text-info {
	color:#fff;
}

label {
	font-weight: normal;
	margin-bottom: 5px !important;
	color: #4a535e;
}

body.signin {
}

.mt10 {
	margin-top: 10px !important;
}

.mb5 { margin-bottom: 5px; }

.mb15 {
	margin-bottom: 15px;
}

.ml5 { margin-left: 5px !important; }

.panel-signin {
	margin: 50px auto 0 auto;
	background-color: none;
}

.panel-signin {
	width: 400px;
}

.panel-signin .panel-body,.panel-signup .panel-body {
	padding: 40px;
	padding-top:0px;
}

.panel-signin .panel-footer,.panel-signup .panel-footer {
	padding-left: 40px;
	padding-right: 40px;
}
/*
.ckbox,.rdio {
	position: relative;
}

.ckbox input[type="checkbox"],.rdio input[type="radio"] {
	opacity: 0;
}
*/
.panel-signin .panel-footer,
.panel-signup .panel-footer {
    padding-left: 40px;
    padding-right: 40px;
}

.panel-footer{
	height:65px;
	overflow:hidden;
}

.train{
	height:100px;
	width:140px;
	animation: myfirst 5s ease infinite ;
	/* Firefox: */
	-moz-animation: myfirst 5s ease infinite ;
	/* Safari �� Chrome: */
	-webkit-animation: myfirst 5s ease infinite ;
	/* Opera: */
	-o-animation: myfirst 5s ease infinite ;
	
}
.ckbox label,.rdio label {
	padding-left: 10px;
	cursor: pointer;
	margin-bottom: 7px !important;
}

.ckbox label:before {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	left: 0;
	content: '';
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #bbb;
	background: #fff;
}

.ckbox input[type="checkbox"]:disabled+label {
	color: #999;
}

.ckbox input[type="checkbox"]:disabled+label:before {
	background-color: #eee;
}

.ckbox input[type="checkbox"]:checked+label:after {
	font-family: 'FontAwesome';
	content: "\F00C";
	position: absolute;
	top: 2.5px;
	left: 3.5px;
	display: inline-block;
	font-size: 11px;
	width: 16px;
	height: 16px;
	color: #fff;
}

.ckbox-default input[type="checkbox"]:checked+label:before {
	border-color: #999;
}

.logo{
	font-size:30px;
	font-weight:bold;
	color:#3071a9;
}

.spinner {
  width: 60px;
  height: 20px;
  background-color: #67CF22;
 
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}
 
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
 
@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}